*{
  margin:0px;
  padding:0px;
  text-shadow: none;
  box-shadow: none;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a{
  text-decoration: none;
  color:#646464;
  font-weight: normal;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited{
  color:#646464;
  font-weight: normal;
}
html{
  font-family: 微软雅黑;
}
@color1Yellow:#FDC822;
@colorBackground:#151D2A;
.borderd(@borderWidth:1px,@color:black){
  border:@borderWidth solid @color;
}
.borderRadius(@Width){
-webkit-border-radius: @Width;
  -ms-border-radius: @Width;
  -moz-border-radius: @Width;
  -o-border-radius: @Width;
}
/***************head****************/
.CityHeader{
  background-color: @colorBackground;
  width:96% ;
  height:60px;
  line-height: 60px;
  padding:0px 2%;
  .NavLeft{
    float: left;
    color:@color1Yellow;
    font-weight: normal;
    text-shadow: none;
  }
  .NavRight{
    float: right;
    color:@color1Yellow;
    font-weight: normal;
    text-shadow: none;
    display: inline-block;
    width: 100px;
    height:35px;
    line-height: 35px;
    margin-top: 12.5px;
    text-align: center;
    .borderd(1px,@color1Yellow);
    .borderRadius(4px);
    .positionPhoto img{
      width: 16px;
    }
  }
}
/***********************搜索按钮****************************/
.ui-input-text, .ui-body-inherit, .ui-corner-all, .ui-shadow-inset{
  text-shadow: none;
  background-color: white;
  outline: none;
  box-shadow: none;
  width: 70%;
  height: 30px;
  vertical-align: middle;
  float: left;
  .borderd(1px,9F9F9F );
  padding:6.4px;
}
.myContent{
  width: 94%;
  padding:0 6% 0 0;
  background-color: #F5F5F5;
  .MyInput{
    width: 90%;
    padding:0 5%;
    position: absolute;
    top:70px;
    input{
      text-shadow: none;
      background-color: white;
      outline: none;
      box-shadow: none;
      width: 70%
      height: 30px;
      vertical-align: middle;
      .borderd(1px,9F9F9F );
    }
    label{
      padding-top:10px;
      .borderd(1px,9F9F9F );
      display: inline-block;
      width: 50px;
      height: 40px;
      color:#919191;
      line-height: 40px;
      border-left: none;
      text-align: center;
      vertical-align: middle;
      margin: 0px;
    }
  }
}
/***************内容****************/
.myContent{
  .citybox{
    width: 100%;
    padding-top:40px;
    ol{
      list-style-type: none;
     span{
       display: block;
       padding-left: 2%;
     }
      .label{
      }
      li span:nth-child(2){
        letter-spacing: 1px ;
        line-height: 2.2;
        padding:1% 0px 0  2%;
        background-color: white;
        a{
          display: inline-block;
          margin:0px 15px;
        }
      }
    .label  a{
      display: inline-block;
      width:98%;
      line-height: 1.8;
      text-align: right;
      color:#FFC825;
    }
    }
  }
}
/**************搜索城市****************/
.searchCity{
  position:fixed;
 top:0px;
  width: 100%;
  height:600px;
  padding:140px 5% 0 5%;
  background-color: rgba(0, 0, 0, 0.54);
}
.hotCity{
  width: 80%;
  padding:2%;
  height:auto;
  background-color: white;
  .hotCityTop{
    h3{
      color:#323232;
      font-weight: 200;
      line-height: 30px;
      height:35px;;
      width: 92%;
      padding:0 0 0 8%;
      border-bottom:1px solid #C9C9C9;
    }
    ul{
      width: 93%;
      padding-left: 7%;
      li{
        height:35px;;
        float: left;
        width:20%;
        text-align: left;
        line-height: 35px;
        color:#646464;
        list-style-type: none;
      }
    }
  }
  .hotCityButtom{
    clear: both;
    h3{
      color:#323232;
      font-weight: 200;
      line-height: 30px;
      height:35px;;
      width: 92%;
      padding:0 0 0 8%;
      border-bottom:1px solid #C9C9C9;
    }
    ul{
      width: 100%;
      li{
        height:35px;;
        width:92%;
        padding:0  0 0 8%;
        text-align: left;
        line-height: 35px;
        color:#646464;
        list-style-type: none;
        position: relative;
        border-bottom:1px solid #C9C9C9;
        span{
          display: inline-block;
          position: absolute;
          top:5px;
          right:5%;
          width: 25px;
          text-align: center;
          height:25px;
          line-height: 25px;
          .borderd(1px ,#909090);
          .borderRadius(20px);
        }
      }
    }
    padding-bottom: 8%;
  }
}
/**************input聚焦页面****************/
.blurSreach{
  width: 80%;
  padding: 3% 5%;
  height:auto;
  border:1px solid black;
  background-color: white;
}
.detailedListBox{
  width: 100%;
  height:600px;
  padding-top: 120px ;
  background-color: rgba(0, 0, 0, 0.45);
  position: fixed;
  top:0px;
  .detailedList{
    top:130px;
    width: 80%;
    height:300px;
    padding:2% 1.5% 2% 1.5%;
    background-color: white;
    margin: auto;
    h3{
      color:#323232;
      font-weight: 200;
      line-height: 30px;
      height:35px;;
      width: 92%;
      padding:0 0 0 5%;
      border-bottom:1px solid #C9C9C9;
      span{
        display: inline-block;
        color:#636363;
        margin-left: 52%;
        width: 55px;
        text-align: center;
        height:35px;
        line-height: 35px;
      }
    }
    .detailedListCity{
      ul{
        color:#636363;
        width: 94%;
        padding: 0 5%;
        height:auto;
        li{
          list-style-type: none;
          float: left;
          width: 33%;
          line-height: 30px;
          height:30px;
          text-align: left;
        }
      }
    }
  }
}
/********************页尾的导航固定********************/
.ui-header, .ui-footer{
  border:none;
}
.ui-btn, label.ui-btn{
  border:none;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited{
  background-color: @colorBackground;
  color:@color1Yellow;
  font-size: 30px;
  height:30px;
  line-height: 30px;
}
.loading{
  width: 100%;
  height:620px;
  position: fixed;
  top:0px;
  padding-top:15%;
  background-color: rgba(0, 0, 0, 0.47);
  .loadingBox{
    width: 140px;
    height:80px;
    margin: auto;
    padding:20px;
    background-color: #F3F3F5;
    .borderRadius(5px);
    .loadIcon{
      display: block;
      margin: auto;
      text-align: center;
      color:@color1Yellow;
      .loadingTitle{
        display: block;
        font-size: 14px;
        margin-top: 15px;
        color:#656565;
      }
    }
  }
}